.risk-asset {
	display: flex;
	flex-direction: column;
	min-height: 27.5rem;
	margin-top: 1.5rem;
	padding: 1.25rem 1.5rem;
	background-color: var(--color-bg-0);
	.title {
		display: flex;
		align-items: center;
		padding-bottom: 1.5rem;
		color: var(--color-text-0);
		font-size: var(--text-lg);
	}
	.taskBox {
		display: flex;
		flex: 1;
		flex-flow: column;
		justify-content: space-around;
		.block {
			position: relative;
			display: flex;
			align-items: center;
			background: #f7f9fc;
			.line {
				width: 0.5rem;
				height: 3rem;
				background: #ccc;
			}
			.text {
				display: flex;
				flex: 0.85;
				justify-content: space-between;
				margin-left: 1rem;
				color: var(--color-text-1);
				&:hover {
					color: var(--color-primary);
				}
			}
			.example {
				position: absolute;
				top: 0;
				right: 0;
			}
		}
	}
}
